module.exports = {
  purge: ['./public/index.html', './src/**/*.{vue,js,ts,jsx,tsx,wxml}'],
  darkMode: false,
  theme: {
    screens: false,
    extend: {
      spacing: {
        0.5: '0.125rem',
        1.5: '0.375rem',
        2.5: '0.625rem',
        3.5: '0.875rem',
      },
      height: {
        '1-div-2': '50%',
        '1-div-3': '33.333333%',
        '2-div-3': '66.666667%',
        '1-div-4': '25%',
        '2-div-4': '50%',
        '3-div-4': '75%',
        '1-div-5': '20%',
        '2-div-5': '40%',
        '3-div-5': '60%',
        '4-div-5': '80%',
        '1-div-6': '16.666667%',
        '2-div-6': '33.333333%',
        '3-div-6': '50%',
        '4-div-6': '66.666667%',
        '5-div-6': '83.333333%',
      },
      inset: {
        '1-div-2': '50%',
        '1-div-3': '33.333333%',
        '2-div-3': '66.666667%',
        '1-div-4': '25%',
        '2-div-4': '50%',
        '3-div-4': '75%',
        '-1-div-2': '-50%',
        '-1-div-3': '-33.333333%',
        '-2-div-3': '-66.666667%',
        '-1-div-4': '-25%',
        '-2-div-4': '-50%',
        '-3-div-4': '-75%',
      },
      translate: {
        '1-div-2': '50%',
        '1-div-3': '33.333333%',
        '2-div-3': '66.666667%',
        '1-div-4': '25%',
        '3-div-4': '75%',
        '-1-div-2': '-50%',
        '-1-div-4': '-25%',
        '-3-div-4': '-75%',
      },
      width: {
        '1-div-2': '50%',
        '1-div-3': '33.333333%',
        '2-div-3': '66.666667%',
        '1-div-4': '25%',
        '2-div-4': '50%',
        '3-div-4': '75%',
        '1-div-5': '20%',
        '2-div-5': '40%',
        '3-div-5': '60%',
        '4-div-5': '80%',
        '1-div-6': '16.666667%',
        '2-div-6': '33.333333%',
        '3-div-6': '50%',
        '4-div-6': '66.666667%',
        '5-div-6': '83.333333%',
        '1-div-12': '8.333333%',
        '2-div-12': '16.666667%',
        '3-div-12': '25%',
        '4-div-12': '33.333333%',
        '5-div-12': '41.666667%',
        '6-div-12': '50%',
        '7-div-12': '58.333333%',
        '8-div-12': '66.666667%',
        '9-div-12': '75%',
        '10-div-12': '83.333333%',
        '11-div-12': '91.666667%',
      },
    },
  },
  important: true,
  separator: '_',
  corePlugins: {
    preflight: false,
    container: false,
    divideColor: false,
    divideOpacity: false,
    divideStyle: false,
    divideWidth: false,
    space: false,
  },
};
